	body {
	text-align:center;
	background-image: url("PinboardBackground.png");
	width:100%;
}

/*
* HEADER
*/


header {
	background-color:#FFFFFF;
	
	border:solid 1px;
	
	border-color:#FFFFFF;
	
	margin: 0 200px 0 200px;
	
	height:155px;
	
	border-top-left-radius:10px;
	
	border-top-right-radius:10px;
}
#head {
	
	
	margin: 0;
	
	padding: 0;
	
	float:left;
	
	width:100%;
}

#head h1 {
	color:#004FFF;
}
	
header nav {
	
	position:relative;
	
	border-top:solid 1px;
	
	border-bottom:solid 1px;
	
	border-top-color:#E8E8E8;
	
	border-bottom-color:#E8E8E8;
	
	
	
	margin: 80px 0 0 0;
	
	padding: 0;
}

header nav a:first-child {
	margin: 0 30px 0 30px;
}

header nav a:link, header nav a:visited {
	
	
	-webkit-transition:color 1s;
	
	font-size:20px;

	background-color:#FFFFE9;
	
	color:#404040;
	
	border:solid 3px;
	
	border-color:#000000;
	
	height: 30px;
	
	display: inline-block;
	
	margin:10px 10px 10px 0;
	
	padding: 10px 50px 5px 50px;
	
	text-decoration: none;
}

.topnav:hover {
	color:#B8860B;
}

#menuAccount {
	display:none;
	
	font-size:10px;
	
	color:#404040;
	
	border-color:#000000;
	
	margin:0;
	
	padding: 0;
	
	text-decoration: none;
	
	position:absolute;
	
	top:61px;
	
	right:100px;
}

#menuAccount p{
	width:270px;
	
	margin:0;
	
	padding:0;
}

#menuAccount p a{
	width:270px;
	
	margin:0;
	
	padding:0;
	
	border-left:none;
	
	border-right:none;
	
	border-top:none;
	
	border-bottom:solid 1px;
	
	border-bottom-color:#E8E8E8;
}

#mangement {
	display:none;
}


/*--------------------------------------------------------------*/

/*
* SECTION
*/

.post{
	background-image:url("post.png");
	
	background-repeat:no-repeat;
	
	height:100%;
	
	margin: 0;
}

.content{
	
	
	height:100%;
	
	width:300px;
	
	margin:0;
	
	padding: 40px 0 0 50px ;
}

section {
	border-bottom:solid 1px;
	
	border-bottom-color:#E8E8E8;
	
	background-color:#FFFFFF;
	
	height:100%;
	
	padding: 10px 0 10px 0;
	
	margin: 0px 200px 0 200px;
	
	overflow: scroll;
}

#login {
	background-color:#FFFFE9;
	
	text-align:left;
	
	border:solid 1px;
	
	width: 150px;
	
	padding: 0 0 0 10px;
	
	margin: 0 0 0 10px;
}

#wrong {
	
	display: none;
	color:#FF0000;
}

#wantToRegister:hover {
	cursor:pointer;
}

#registration {
	display: none;
	
	width:300px;
	
	height:270px;
	
	background-color:#FFFFE9;
	
	text-align:left;
	
	border:solid 1px;
	
	padding: 0 10px 0 10px;
	
	margin:10px 300px 100px 350px;
}

#registration form input {
	float:right;
}



/*--------------------------------------------------------------*/


/*
* FOOTER
*/

footer {
	background-color:#FFFFFF;
	
	border-bottom-left-radius:10px;
	
	border-bottom-right-radius:10px;
	
	margin: 0px 200px 0 200px;
	
	height:100px;
}

#copyright {
	float:left;
	
	width:100%;
	
	padding: 30px 0 0 0;
}


/*--------------------------------------------------------------*/